<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>

    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/style.css" type="text/css" rel="stylesheet" />

    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
    <style type="text/css">
    body {
        color: white;
    }
    </style>
</head>

<body>
    <!-- data-spy="scroll" style="background: url('http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/ghlnbj.jpg') repeat-x;
height:100%;width:100%;" -->
    <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
        <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/ghlnbj.jpg" width="100%" height="100%" />
    </div>

    <div class="navbar navbar-fixed-top" style="height:60px" onload="initlanguage();">
        <div class="navbar-inner" style="background-image:url(http://antownimg.b0.upaiyun.com/newmdf/nindex/heng.png)!important;height:60px; ">
            <!--导航开始-->
            <!-- <div class="container">-->
            <div class="lrstyle">
                <a class="brand pull-left" style="padding:0;margin-left:-40px;margin-top:5px;" href="http://www.zendai.com" target="_blank">
                    <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_01.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:10px;margin-top:6px;" href="../../index.html">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_02.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:15px;margin-top:8px;" href="../../guihua.html" target="_blank">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_03.png">
                </a>
                <ul id="nav-list2" class="nav" style="height:60px; float:right">
                    <li>
                        <a href="../../guihua.html">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/emap.png' style="margin-left:-15px">
                        </a>
                    </li>
                    <li>
                        <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png' style="margin-left:-25px">
                        </a>
                    </li>
                </ul>
                <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                    <li>
                        <a href="newqwbj.html" id="menu_qwbj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghdw.html" id="menu_ghdw">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghln.html" id="menu_ghln">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcygh.html" id="menu_cygh">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcssj.html" id="menu_cssj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png'>
                        </a>
                    </li>
                </ul>

            </div>

            <!-- </div> -->
        </div>
    </div>

    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid" style="width:980px;margin-left:-30px;">
            <!-- APP DETAILS -->
            <div class="span12">
                <!-- APP NAME -->
                <img id="main_img" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/bai.png" />
                <div id="main_title">
                    <h2>

                    </h2>
                </div>
            </div>
            <br>
            <br>


            <ul>
                <li>
                    <a id="rwjcssshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/1.png" style="width:245px;height:270px">
                            <div id="main_rwjcssz" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
                <li>

                    <div style="width:245px;height:270px;background-color:green;position:relative;">
                        <!-- <div style="position:absolute;font-color=white;color:whitetext-shadow: 0;font-family:Microsoft YaHei;padding:15px;line-height:2.3em"> -->
                        <img id="g2" src="http://antownimg.b0.upaiyun.com/newmdf/newqwlnimg/
2.png" />
                        <!-- <p style="position:absolute;font-color=white;color:whitetext-shadow: 0";>
                        <h3>规划理念</h3>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;竭力做到开发和保护环境之间的平衡。无论是在数量、方式以及运营层次，有意识地进行适度的、智慧的开发利用，正是这种平衡关系所在，其核心是保护场地的筋骨。
</p></div> -->
                        <!-- <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/国际金融贸易中心2.jpg" > -->

                    </div>

                </li>
                <li>
                    <a id="stjcssshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/3.png" style="width:245px;height:270px">
                            <div id="main_stjcssz" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a id="csjcssshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/4.png" style="width:245px;height:270px">
                            <div id="main_csjcssz" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a id="cjhfzxtshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/5.png" style="width:245px;height:270px">
                            <div id="main_cjhfzxtz" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a id="cdjsshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/6.png" style="width:245px;height:270px">
                            <div id="main_cdjsz" class="divbackground">

                            </div>
                        </div>
                    </a>

                </li>
                <li>
                    <a id="zhgnhfhgnshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/7.png" style="width:245px;height:270px">
                            <div id="main_zhgnhfhgnz" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a id="bhhkfzshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/8.png" style="width:245px;height:270px">
                            <div id="main_bhhkfz" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- FOOTER -->
    <!-- <div class="footer container container-fluid ">
        <div id="copyright">
            MDF-GIS, V1.0, 2014.4, developed by Antown Tech & JWDA Shanghai
            <br>
        </div>
    </div> -->








    <footer id="footer">
        <!--  <div class="container-fluid"> -->
        <div class="container">
            <div class="row info">
                <div class="col-sm-5 residence">
                    <ul>
                        <li> <a id="f1" href="newqwbj.html">区位背景 </a>┊
                        </li>
                        <li> <a id="f2" href="newghdw.html">规划定位 </a>┊
                        </li>
                        <li><a id="f3" href="newghln.html">规划理念 </a>┊</li>
                        <li><a id="f4" href="newcygh.html">产业规划 </a>┊</li>
                        <li><a id="f5" href="newcssj.html">城市设计 </a>┊</li>
                        <li><a href="newcssj.html">eMap</a>
                        </li>


                    </ul>
                </div>
                <div id="f6" class="col-sm-7 touch ">
                    <ul>
                        <li>
                            Copyright 2014 MODDERFONTEIN All Rights Reserved
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </footer>




    <div id="idBoxbhhkfz" style="display:none;width:900px;height:470px;position:absolute;top:40px;
margin-top:-150px; margin-left: -460px; ">
        <iframe scoll=no id="iframebhhkfz" src="bhhkfz-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="bhhkfzDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxcdjs" style="display:none;width:900px;height:470px;position:absolute;top:40px;
    margin-top:-150px; margin-left: -460px; top: 50%; left:50%;">
        <iframe id="iframecdjs" src="cdjs-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="cdjsDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxcsjcss" style="display: block; width: 900px; height: 470px; position: absolute; top: 50%; visibility: visible; z-index: 1000; margin-top: -150px; margin-left: -460px; left: 50%;">
        <iframe id="iframecsjcss" src="csjcss-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="csjcssDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxrwjcss" style="display:none;width:900px;height:470px;position:absolute;top:40px;
    margin-top:-150px; margin-left: -460px; top: 50%; left:50%;">
        <iframe id="iframerwjcss" src="rwjcsss-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="rwjcssDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxstjcss" style="display:none;width:900px;height:470px;position:absolute;top:40px;
    margin-top:-150px; margin-left: -460px; top: 50%; left:50%;">
        <iframe id="iframestjcss" src="stjcsss-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="stjcssDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxzhgnhfhgn" style="display:none;width:900px;height:470px;position:absolute;top:40px;
    margin-top:-150px; margin-left: -460px; top: 50%; left:50%;">
        <iframe id="iframezhgnhfhgn" src="zhgnhfhgn-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="zhgnhfhgnDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxcjhfzxt" style="display:none;width:900px;height:470px;position:absolute;top:40px;
    margin-top:-150px; margin-left: -460px; top: 50%; left:50%;">
        <iframe id="iframecjhfzxt" src="cjhfzxt-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="cjhfzxtDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img
/closediv.png">
        </div>
    </div>
    <!-- FOOTER -->

</body>

<script>
// var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
// initpage(pagelanguage);
(function() {
    var abbhhkfz = new AlertBox("idBoxbhhkfz"),
        lock = true,
        center = true;
    var abcdjs = new AlertBox("idBoxcdjs"),
        lock = true,
        center = true;
    var abcsjcss = new AlertBox("idBoxcsjcss"),
        lock = true,
        center = true;
    var abrwjcss = new AlertBox("idBoxrwjcss"),
        lock = true,
        center = true;
    var abstjcss = new AlertBox("idBoxstjcss"),
        lock = true,
        center = true;
    var abzhgnhfhgn = new AlertBox("idBoxzhgnhfhgn"),
        lock = true,
        center = true;
    var abcjhfzxt = new AlertBox("idBoxcjhfzxt"),
        lock = true,
        center = true;


    $$("bhhkfzshowDetail").onclick = function() {
        abbhhkfz.center = true;
        // abbhhkfz.lock = true;
        abbhhkfz.show();
    }

    $$("bhhkfzDetailcolse").onclick = function() {
        abbhhkfz.close();
    }

    $$("cdjsshowDetail").onclick = function() {
        abcdjs.center = true;
        // abcdjs.lock = true;
        abcdjs.show();
    }

    $$("cdjsDetailcolse").onclick = function() {
        abcdjs.close();
    }

    $$("csjcssshowDetail").onclick = function() {
        abcsjcss.center = true;
        // abcsjcss.lock = true;
        abcsjcss.show();
    }

    $$("csjcssDetailcolse").onclick = function() {
        abcsjcss.close();
    }

    $$("rwjcssshowDetail").onclick = function() {
        abrwjcss.center = true;

        abrwjcss.show();
    }

    $$("rwjcssDetailcolse").onclick = function() {
        abrwjcss.close();
    }

    $$("stjcssshowDetail").onclick = function() {
        abstjcss.center = true;
        // abstjcss.lock = true;
        abstjcss.show();
    }

    $$("stjcssDetailcolse").onclick = function() {
        abstjcss.close();
    }

    $$("zhgnhfhgnshowDetail").onclick = function() {
        abzhgnhfhgn.center = true;
        // abzhgnhfhgn.lock = true;
        abzhgnhfhgn.show();
    }

    $$("zhgnhfhgnDetailcolse").onclick = function() {
        abzhgnhfhgn.close();
    }

    $$("cjhfzxtshowDetail").onclick = function() {
        abcjhfzxt.center = true;

        abcjhfzxt.show();
    }

    $$("cjhfzxtDetailcolse").onclick = function() {
        abcjhfzxt.close();
    }
})()



function setllanguage(pagelanguage) {
    var main_title, main_bhhkfz, main_cdjsz, main_csjcssz, main_rwjcssz, main_stjcssz, main_zhgnhfhgnz, main_cjhfzxtz, main_detail, f1, f2, f3, f4, f5, f6;
    if (pagelanguage == "en") {
        f1 = "Context";
        f2 = "Positioning";
        f3 = "Concept";
        f4 = "Industry";
        f5 = "Design";
        f6 = "Copyright 2014 MODDERFONTEIN All Rights Reserved";

        main_title = "<h2>PLANNING IDEAS</h2>";
        main_bhhkfz = "BLANCE BETWEEN ...";
        main_cdjsz = "THE SPIRIT OF PLACE";
        main_csjcssz = "UIS";
        main_rwjcssz = "CULTURAL INFRASTRUCTURE SYSTEM(CIS)";
        main_stjcssz = "EIS";
        main_zhgnhfhgnz = "MULTIFUNCTION";
        main_cjhfzxtz = "COHERENCE BETWEEN PHYSICAL PLAN...";
        main_detail = "We strive to balance preservation and development in terms of the quantity and mode of development, as well as maintenance. The key method is to preserve the muscles and bones of the site, which shows the strong consciousness of appropriate and smart development.";
    } else {
        f1 = "区位背景";
        f2 = "规划定位";
        f3 = "规划理念";
        f4 = "产业规划";
        f5 = "城市设计";
        f6 = "Copyright 2014 MODDERFONTEIN All Rights Reserved ";

        main_title = "<h2>PLANNING IDEAS 规划理念</h2>";
        main_bhhkfz = "保护和开发平衡";
        main_cdjsz = "场地精神";
        main_csjcssz = "城市基础设施";
        main_rwjcssz = "人文基础设施";
        main_stjcssz = "生态基础设施";
        main_zhgnhfhgnz = "综合功能和复合功能";
        main_cjhfzxtz = "体型规划设计和社会经济发展的协调";
        main_detail = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;竭力做到开发和保护环境之间的平衡。无论是在数量、方式以及运营层次，有意识的进行适度、智慧的开发利用，正是这种平衡的关键所在，其核心是保护场地的筋骨。";
    }
    $("#f1").html(f1);
    $("#f2").html(f2);
    $("#f3").html(f3);
    $("#f4").html(f4);
    $("#f5").html(f5);
    $("#f6").html(f6);
    $("#main_title").html(main_title)
    $("#main_bhhkfz").html(main_bhhkfz)
    $("#main_cdjsz").html(main_cdjsz)
    $("#main_csjcssz").html(main_csjcssz)
    $("#main_rwjcssz").html(main_rwjcssz)
    $("#main_stjcssz").html(main_stjcssz)
    $("#main_zhgnhfhgnz").html(main_zhgnhfhgnz)
    $("#main_cjhfzxtz").html(main_cjhfzxtz)
    $("#main_detail").html(main_detail);
};

function changelanguage11(pagelanguage) {
    if (pagelanguage == "en") {
        $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/hanzi.png')
        $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enqwbj.png')
        $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghdw.png')
        $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghln1.png')
        $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encygh.png')
        $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encssj.png')
        $("img#g2").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/en2.png");
    } else {
        $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png')
        $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png')
        $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png')
        $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln1.png')
        $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png')
        $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png')
        $("img#g2").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newghlnimg/2.png");
    }
    chagelinkhref(pagelanguage);
}
</script>

</html>
